<template>
   <svg xmlns="http://www.w3.org/2000/svg" width="1024" height="512">
    <g v-if="props.state">
      <line :stroke="props.strokeColor" fill="none" stroke-dasharray="5,2,2,2,2,2" stroke-linecap="round" id="svg_4" y2="350.79166" x2="974.47614" y1="350.54166" x1="746.33332" stroke-width="30" />
      <line stroke-linecap="round" id="svg_5" y2="399.16664" x2="741.99999" y1="302.16664" x1="740.99999" stroke-dasharray="5,2,2,2" stroke-width="30" :stroke="props.strokeColor" fill="none" />
      <line :stroke="props.strokeColor" fill="none" stroke-dasharray="5,2,2,2,2,2" stroke-linecap="round" id="svg_11" y2="350.79166" x2="309.14282" y1="350.54166" x1="39" stroke-width="30" />
      <g transform="rotate(-27.5851 522.738 241.333)" stroke="null" id="svg_16">
        <line :stroke="props.strokeColor" fill="none" stroke-dasharray="5,2,2,2,2,2" stroke-linecap="round" id="svg_12" y2="241.99998" x2="752.47617" y1="241.99998" x1="292.99998" stroke-width="45" />
        <rect :stroke="props.strokeColor" fill="none" id="svg_14" height="101.33333" width="244.66667" y="190.66666" x="386.28571" stroke-width="30" />
      </g>
    </g>
    <g v-else>
      <title>Layer 1</title>
      <line :stroke="props.strokeColor" fill="none" stroke-dasharray="5,2,2,2,2,2" stroke-linecap="round" id="svg_4" y2="350.79166" x2="974.47614" y1="350.54166" x1="746.33332" stroke-width="30" />
      <line :stroke="props.strokeColor" fill="none" stroke-dasharray="5,2,2,2,2,2" stroke-linecap="round" id="svg_11" y2="350.79166" x2="309.14282" y1="350.54166" x1="39" stroke-width="30" />
      <g id="svg_16">
        <line :stroke="props.strokeColor" fill="none" stroke-dasharray="5,2,2,2,2,2" stroke-linecap="round" id="svg_12" y2="351.33332" x2="759.14284" y1="351.33332" x1="299.66665" stroke-width="45" />
        <rect :stroke="props.strokeColor" fill="none" id="svg_14" height="101.33333" width="244.66667" y="299.99999" x="392.95237" stroke-width="30" />
      </g>
    </g>
  </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>